import React,{ Component,Fragment } from 'react';
import Card from '../components/Card'
import Header from '../components/Header'
import 'antd/dist/antd.css';
import '../css/Tabs.css';
import { CardItem1, CardItem2, CardItem3, CardItem4} from '../components/CardItem'
class Tabs extends Component {
    render(){
        return(
        <Fragment> 
            <Header/>
            <div className="systemInfo">
                <Card CardItem={CardItem1} name="系统概况" />
                <Card CardItem={CardItem2} name="网络概况" />
                <Card CardItem={CardItem3} name="存储概况" />
                <Card CardItem={CardItem4} name="系统监控" />
            </div>
        </Fragment>
        )
    }
}
export default Tabs;